﻿@charset "utf-8";
/* CSS Document */

*, :before, :after { -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { min-height: 100%; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; padding: 0; margin: 0 auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template, script { display: none; }
a { background-color: transparent; }
a:focus { }
a:active, a:hover { outline: 0; }
a, button, input { -webkit-tap-highlight-color: rgba(255,0,0,0); }
select { -webkit-appearance: listbox; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
select::-ms-expand { display: none; }
ins, a { text-decoration: none; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
img { -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; border: 0; }
input[type=text], textarea { -webkit-appearance: none; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }
input[type=radio], input[type=checkbox] { cursor: pointer; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; outline: none; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; }
input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
button:focus { outline: none; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
optgroup { font-weight: 700; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
html { font-size: 62.5%; -webkit-tap-highlight-color: transparent; }
body { background: #f3f3f3; font-family: "Microsoft YaHei"; font-weight: 400; line-height: 20px; color: #333; font-size: 1.6rem; }
body, input, textarea, select, button, samp { font-family: "Microsoft YaHei"; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga","kern"; }

.scrollNone { overflow: hidden; }

a:hover, a:focus { outline: none; }
a:focus { outline: none; outline: 0px auto -webkit-focus-ring-color; }
ins { background: #ffa; color: #333; }
mark { background: #ffa; color: #333; }
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; font-size: 100%; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.25em; }
li { list-style: none; }
em { font-style: normal; }
hr { display: block; padding: 0; border: 0; height: 0; border-top: 1px solid #eee; -webkit-box-sizing: content-box; box-sizing: content-box; }
address { font-style: normal; }
iframe { border: 0; }
button, input:not([type=radio]):not([type=checkbox]), select { vertical-align: middle; }

.wimg { width: 100%; display: block; }
/******/
.re { position: relative; }
.ab { position: absolute; }
.fix { position: fixed !important; }
.fr { float: right; }
.fl { float: left; }
.block { display: block; }

.nobg { background: none !important; }
.noborder { border: 0 !important; }

.underline { text-decoration: underline !important; }

.p1em { padding: 1rem !important; }
.pr_10 { padding-right: 10px !important; }
.pr_5 { padding-right: 5px !important; }
.pl5{padding-left:0.5rem!important;}


.pt0 { padding-top: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pt5 { padding-top: 5px !important; }
.pt1em { padding-top: 1rem !important; }
.pt1_5em { padding-top: 1.5rem !important; }
.pt3em { padding-top: 3rem !important; }

.pb_50 { padding-bottom: 50px !important; }
.pb_0 { padding-bottom: 0 !important; }
.pb_10 { padding-bottom: 10px !important; }
.pb_5 { padding-bottom: 5px !important; }
.pb_1em { padding-bottom: 1em !important; }

.mt_5 { margin-top: 5px !important; }
.mt_10 { margin-top: 10px !important; }
.mt_0 { margin-top: 0px !important; }
.mt_15 { margin-top: 15px !important; }
.mb_0 { margin-bottom: 0px !important; }
.mb_1 { margin-bottom: 1rem !important; }
.mb_2 { margin-bottom: 2rem !important; }

.w40 { width: 40% !important; }
.w30 { width: 30% !important; }
.w45 { width: 45% !important; }
.w48 { width: 48% !important; }
.w50 { width: 50% !important; }
.w58 { width: 58% !important; }
.w65{width:65%!important;}


.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-justify { text-align: justify; text-justify: inter-ideograph; }
.vertical { transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }


.fontsize_14 { font-size: 1.4rem !important; }
.fontsize_16 { font-size: 1.6rem !important; }
.fontsize_18 { font-size: 1.8rem !important; }
.fontsize_20 { font-size: 2rem !important; }

.font_normal { font-weight: normal !important; }
.font_bold { font-weight: bold !important; }

/****/
.f_Orange { color: #ff4e33 !important; }
.f_ncolor { color: #ff5f50 !important; }
.f_blue { color: #3399FF !important; }
.f_small { font-size: 1.4rem; }
.f_black { color: #333 !important; font-weight: normal; }
.f_red { color: #e50606 !important; }
.f_lightGrey { color: #ccc !important; }
.f_green { color: #1bbf9a !important; }
.f_purple { color: #f43c64 !important; }
.f_yellow { color: #ffea00 !important; }


/* WebKit browsers */
::-webkit-input-placeholder { color: #ababab; font-size: 1.6rem; }
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder { color: #ababab; opacity: 1; font-size: 1.6rem; }
/* Mozilla Firefox 19+ */
::-moz-placeholder { color: #ababab; opacity: 1; font-size: 1.6rem; }
/* Internet Explorer 10+ */
:-ms-input-placeholder { color: #ababab; font-size: 1.6rem; }

.clearfix::after, .clearfix:after, .clearfix after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }

/****/
.btn_red { display: inline-block; background: #c3201f; text-align: center; color: #fff; font-size: 1.6rem; line-height: 24px; padding: 0.4em 0 0.6rem 0; border:0; width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius:10px; -moz-border-radius: 10px; -ms-border-radius: 10px; }
.btn_red_small{ display: inline-block; background: #c3201f; text-align: center; color: #fff; font-size: 1.6rem; line-height: 24px; padding: 0.4em 1rem 0.6rem 1rem; border:0;border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius:10px; -moz-border-radius: 10px; -ms-border-radius: 10px; }
.btn_border { display: inline-block; background: #fff; text-align: center; color: #ff6253; font-size: 1.4rem; line-height: 24px; padding: 0.4em 0 0.6rem 0; border: 1px solid #ff6253; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; }
.btn_black{display: inline-block; background: #5e5f60; text-align: center; color: #fff; font-size: 1.6rem; line-height: 24px; padding: 0.4em 1rem 0.6rem 1rem; border:0;border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius:10px; -moz-border-radius: 10px; -ms-border-radius: 10px; }
.btn_red_small:disabled,.btn_red:disabled,btn_black:disabled{background:#a4a3a3;}


.btn_normal
{
    display: inline-block;
    background:#f39733;
    background-image: -moz-linear-gradient(0% 0% 270deg, #FAC437,#ED6C10);
    background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#FAC437), to(#ED6C10));
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    padding: 0.5em 2.5rem 0.7rem 2.5rem;
    line-height: 22px;
    border: 0;
    border-bottom: 1px solid #f28f14;
    border-radius: 8px;
    -webkit-border-radius:8px;
    -o-border-radius:8px;
    -moz-border-radius: 8px;
    -ms-border-radius:8px;
    box-shadow:1px 1px 5px #969392;
    -moz-box-shadow:1px 1px 5px #969392;
    -webkit-box-shadow:1px 1px 5px #969392;
    -ms-box-shadow:1px 1px 5px #969392;
    -o-box-shadow:1px 1px 5px #969392;
}
.btn_normal:focus { outline: none; }
.btn_normal:disabled { background: #a4a3a3; color: #fff;border-bottom:1px solid #a4a3a3;}



.btn_small { display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; background: #ffcc00; text-align: center; color: #685620; font-size: 1.6rem; line-height: 1.4; padding: 0.6em 1rem 0.8rem 1rem; border: 0; }
.btn_small_normal { display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; background: #ffcc00; text-align: center; color: #685620; font-size: 1.6rem; line-height: 1.4; padding: 0.6em 1.5rem 0.8rem 1.5rem; border: 0; }
.btn_small:disabled, .btn_small_normal:disabled { background: #a4a3a3; color: #fff; }



.Topline{width:100%; height:5px; background:#e08721; line-height:0; font-size:0;}
.PropertyBox{background:url(../images/ptop_bg.jpg) no-repeat center top; background-size:cover; text-align:center; padding-bottom:1rem;}
.Property_personal{text-align:center; padding:1rem 2rem 0 2rem;}
.Property_personal .pic{padding:2px;background:#c38f39;width:84px; height:84px;display:inline-block;border-radius:84px; -webkit-border-radius:84px; -o-border-radius: 84px; -moz-border-radius: 84px; -ms-border-radius: 84px;}
.Property_personal .pic img{width:80px; height:80px;border-radius: 80px; -webkit-border-radius: 80px; -o-border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius:80px;}
.Property_personal span{display:block; text-align:center; color:#fff; font-size:1.8rem; line-height:30px;}
.btn_white_shadow{border:0;background:#fff;padding:0.5rem 3rem; color:#825323; line-height:25px; font-size:1.6rem;border-radius: 4px; -webkit-border-radius:4px; -o-border-radius: 4px; -moz-border-radius:4px; -ms-border-radius: 4px;-moz-box-shadow:inset  1px 2px 8px #d2d2d2; -webkit-box-shadow:inset 2px 1px 4px #eaeaea; box-shadow:inset  1px 2px 8px #d2d2d2;-ms-box-shadow:inset  1px 2px 8px #d2d2d2;-o-box-shadow:inset  1px 2px 8px #d2d2d2;}

.Property_menu{padding:0;}
.pm_list{padding-left:0.1%;}
.pm_list li{width:33.3%;float:left;padding:1rem 0 1rem 0;text-align:center;}
.pm_list li a{display:inline-block;width:8rem;height:8rem;position:relative;background:#f39733; border:1px solid #9f6224;text-align:center; border-radius:100%; -webkit-border-radius:100%; -o-border-radius: 100%; -moz-border-radius:100%; -ms-border-radius:100%; }
.pm_list li a i{display:inline-block;position:absolute; left:50%;top:1rem;}
.pm_list li a span{display:block; text-align:center;font-size:1.4rem; color:#fff;position:absolute; left:0;bottom:1rem;width:100%;}
.pay_icon{width:3rem;height:3.5rem;margin-left:-1.5rem;  background:url(../images/pay_icon.png) no-repeat left top; background-size:cover;}
.bill_icon{width:4rem;height:3.9rem;margin-left:-1.8rem;  background:url(../images/bill_icon.png) no-repeat left top; background-size:cover;}
.repair_icon{width:4rem;height:3.4rem;margin-left:-2rem;  background:url(../images/repair_icon.png) no-repeat left top; background-size:cover;}


.menu_list { padding-bottom:2rem;}
.menu_list li {padding:0 1rem;margin-bottom:1rem;}
.menu_list a { display: block; font-size: 1.6rem; color: #5e5f60; position: relative; line-height: 30px; padding:6px 0 4px 3.5rem;background: #fff;border-left:2px solid #f5ab57; }
.menu_list a:before, .menu_list a::before { content: ""; display: block; line-height: 0; font-size: 0; width: 1rem; height: 1.8rem; background: url(../images/right_icon.png) no-repeat center top; background-size: cover; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); }
.menu_list a span { float: right; color: #ff5f50; font-size: 1.5rem; padding-right: 3rem; }
.menu_list a i { display: block; line-height: 0; font-size: 0; position: absolute; left:0.5rem; top: 50%; }
.repair_service_icon{ display: block; width: 1.2rem; height:3.2rem;margin-top:-1.6rem;left:0.8rem !important; background: url(../images/repair_service_icon.png) no-repeat left top; background-size: cover; }
.bulletin_icon{ display: block; width:2.7rem; height:2.6rem;margin-top:-1.3rem; background: url(../images/bulletin_icon.png) no-repeat left top; background-size: cover; }
.complaints_icon{ display: block; width:2.1rem; height:2.8rem;margin-top:-1.4rem; background: url(../images/complaints_icon.png) no-repeat left top; background-size: cover; }
.telephone_icon{ display: block; width:2.3rem; height:1.6rem;margin-top:-0.8rem; background: url(../images/telephone_icon.png) no-repeat left top; background-size: cover; }

.Property_total{margin:0.5rem 1rem 1rem 1rem; background:#fff;padding:0.5rem 0;}
.Property_total span{display:inline-block; width:33%; float:left; border-left:2px solid #e4e4e4;line-height:25px;text-align:center;font-size:1.4rem;}
.Property_total span a{display:block;color:#5e5f60;margin:0 2px;}
.Property_total span:first-child{border-left:0;width:34%;}
.Property_total span font{color:#f39733;display:inline-block; padding-left:5px;}


.header{width:100%;border-top:1px solid #e08721; background:#f39733;position:relative;height:40px;}
.header h2 { margin: 0; padding: 0; display: block; width: 100%; text-align: center; font-size: 1.8rem;color:#fff; font-weight: normal; vertical-align: middle;position:absolute; left:0; top: 50%;z-index:1; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.header a.new-a-back{position:relative; z-index:3;position: absolute; left:0; top:0; height:40px; display:block;width:2rem; padding:2rem 3rem;}
.header a.new-a-back span{ z-index: 3; display: inline-block; width:2rem;height:2rem; position: absolute; left: 10px; top: 50%;margin-top:-1rem; background: url(../images/new-a-back_icon.png) no-repeat left top; background-size: cover;  }

.verify_box{padding:1rem;}
.lineBox{background:url(../images/line_red_blue.png) repeat-x left bottom #fff;padding:0.8rem 1rem 0.8rem 1rem;}
.lineBox p{color:#f39733; font-size:1.8rem; line-height:22px;}
.tips_h3{font-weight:normal;color:#535353; font-size:1.2rem;line-height:18px;}



.verify_form{background:#fff; margin-top:1rem;}
.input_box{position:relative; padding:2rem 0; border-bottom:2px solid #f8f8f8; padding-left:3.5rem;padding-right:5rem;}
.input_box span{display:inline-block;color:#535353; font-size:1.6rem;}
.input_box i{display:block;position: absolute; left:1rem; top:50%; }
.name_icon{ width:2rem; height:2rem;margin-top:-1rem; background: url(../images/name_icon.png) no-repeat left top; background-size: cover; }
.nickname_icon{ width:2rem; height:2.2rem;margin-top:-1.4rem; background: url(../images/nickname_icon.png) no-repeat left top; background-size: cover; }
.phone_icon{ width:1.7rem; height:2.4rem;margin-top:-1.2rem; background: url(../images/phone_icon.png) no-repeat left top; background-size: cover; }
.code_icon{ width:2.1rem; height:2.1rem;margin-top:-1.1rem; background: url(../images/code_icon.png) no-repeat left top; background-size: cover; }
.input_simple{border:1px solid #cec9c7;background: #fff; font-size: 1.6rem; padding:8px 5px 5px 5px;vertical-align: middle; line-height: 20px; color: #ababab;width:60%;border-radius:10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;  }
.input_simple:focus{border:1px solid #f39733;}
.input_box .code_btn_brown,.input_box .code_btn_yellow{display:inline-block;border:0; position:absolute;right:1rem;top:50%; font-size: 1.6rem; padding:8px 1px 7px 1px;text-align:center;min-width:24%;width:auto; color:#fff;font-weight:normal;transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);border-radius:10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; }
.code_btn_brown{background:#825323;}
.code_btn_yellow{background:#f39733;}
.code_btn_brown:disabled,.code_btn_yellow:disabled{background:#a4a3a3;}


.verify_tips{text-align:center;color:#b5afac;padding:1rem;}

.estate_num{position:relative;padding:2rem 1rem;font-size:1.6rem;min-height:60px;padding-left:140px;line-height:20px;}
.estate_num span{display:block;position:absolute; left:1rem; top:2rem;color:#535353;width:130px;}
.estate_num p{color:#b5afac;}

.verify_op{padding:3rem 0 2rem 0;text-align:center;}

.fixed_layer{padding:1rem;padding-bottom:70px;}
.payment_box{padding:2rem 0 0 0;}
.payment_data{background:#fff;padding:1rem;text-align:right;position:relative; margin-bottom:1rem;}
.payment_data span{display:inline-block;vertical-align:middle;color:#f39733;text-align:left; position:absolute;left:1rem; top:50%; line-height:20px;margin-top:-10px;font-size:1.8rem;}

.pay_list{}
.pay_list li{background:#fff;padding:1rem 0;border-bottom:2px solid #f8f8f8;color:#f39733; font-size:1.6rem;}
.pay_list li span{display:block;float:right;width:30%;}
.pay_list li b{font-weight:normal; padding:0 1rem;}

.pay_fixed_op{width:100%; height:50px;position:fixed;left:0;bottom:0; z-index:9999;vertical-align:middle;}
.pay_fixed_op span{display:block; float:left; width:50%;text-align:center;line-height:50px; color:#fff;font-size:1.8rem;background:#825323;}
.btn_flat{border:0;background:#f39733;height:50px; line-height:50px;color:#fff;text-align:center;width:50%;font-size:1.8rem;display:block;border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0; -moz-border-radius: 0;-ms-border-radius: 0;}
.btn_flat:disabled{background:#a4a3a3;}
.pay_fixed_op .btn_flat{float:left;}

.two_row_table{width:100%;}
.two_row_table td{width:50%; text-align:center;padding:0.5rem 0;color: #f39733; }
.select_box {height: 36px; width: 80%; padding: 0 10px; color: #f39733; font-size: 1.6rem; line-height: 36px; border: 1px solid #f7b46a; background: url(../images/arrow.png) no-repeat right center; border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; }

.bill_box{padding-top:1rem;}
.bill_title{background:#fff; border-bottom:2px solid #f5ab65; position:relative;}
.bill_title span{display:block; color:#f39733;font-size:1.8rem;line-height:26px;padding:0.8rem 1rem;}
.bill_title i{display:block;width:0;height:0;line-height:0; font-size:0;border:6px solid transparent;border-top:6px solid #f18a2d; position:absolute; left:2.4rem;bottom:-13px;}
.bill_time{background:#fff;padding:1rem;border-bottom:2px solid #f8f8f8;color:#f39733; font-size:1.8rem;}

.two_four_table{width:100%;}
.two_four_table th{text-align:left;padding:0.5rem 0.5rem 0 0; font-size:1.6rem; color:#f39733;white-space:nowrap;font-weight:normal;}
.two_four_table td{color:#f39733;padding:0.5rem 0;}
.input_border{border:1px solid #858281;text-align:left; color:#858281; font-size:1.6rem; padding: 0.5em 5px 0.7rem 5px; width:100%; border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px;}

.repair_form{background:#fff;margin-top:1rem; padding:1rem 0;}
.repair_form p{color:#f39733; font-size:1.6rem;line-height:26px; padding:0 1rem;}

.up_img_listBox { position: relative;}
.img_list {padding-top: 1rem;padding-left:1rem; }
.img_list li { float: left; width: 24%; margin-right:1%; padding-bottom: 2rem; }
.add_img { display: block; width:7rem; height: 7rem; border: 1px dashed #facd9a; background: #fff; position: relative; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; }
.add_img em { display: inline-block; line-height: 0; position: absolute; left: 50%; margin-left: -15px; top: 50%; margin-top: -3px; font-size: 0; width:30px; height:6px; background: #fad7b1; }
.add_img em:before { content: ""; display: inline-block; line-height: 0; font-size: 0; width:6px; height:30px; background: #fad7b1; position: absolute; left:12px; top:-12px; }
.add_img strong { display: block; line-height: 0; font-size: 0; width: 100%; height: 3px; overflow: hidden; position: absolute; left: 0; bottom: -7px; background: #f0f0f0; }
.add_img strong i { display: block; height: 3px; line-height: 0; background: #3cea09; width: 0%; }
.add_img img { width:7rem; height:7rem; position: absolute; left: -1px; top: -1px; z-index: 5; padding: 1px; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; }
.add_img .close_icon{ display: inline-block;position:absolute; left:50%;top:50%;z-index:6; margin-left:-1.5rem; margin-top:-1.5rem; width:3rem; height: 3rem; background: url(../images/close_w_icon.png) no-repeat center center; background-size: cover; }

.textareaBox{padding:0 1rem;}
.input_textarea{border:1px solid #f7b770;background:#fff; color:#f7b770; font-size: 1.4rem; overflow:hidden;padding:5px;width:100%;min-height:70px;line-height:20px; border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px;}
.input_textarea::-webkit-input-placeholder { color: #f9d7b1; font-size: 1.4rem;}
.input_textarea:-moz-placeholder { color: #f9d7b1; opacity: 1; font-size: 1.4rem;}
.input_textarea::-moz-placeholder { color: #f9d7b1; opacity: 1; font-size: 1.4rem; }
.input_textarea:-ms-input-placeholder { color: #f9d7b1; font-size: 1.4rem;}


.repair_pinfo{color:#f39733; font-size:1.6rem;padding:0.5rem 0;}
.repair_pinfo span{float:right;}
.repair_District{color:#f39733; font-size:1.6rem;padding:0.5rem 0;}

.repair_order{padding:1rem; margin-top:1rem; background:#fff;}
.select_status{padding-right:10%;}
.re_order_list{padding-top:1rem;}
.re_order_list li{border:1px solid #a8937a;margin-bottom:2rem;font-size:1.6rem;padding-bottom:0.5rem;}
.re_order_title{background:#825323; color:#fff;padding:0.6rem 75px 0.3rem 1rem; line-height:26px;margin-bottom:0.5rem;position:relative;}
.re_order_title a{display:inline-block;color:#fff;position:absolute;right:1rem; top:0.6rem;}
.re_order_list li p{color:#535353; line-height:22px; padding:0.2rem 1rem;}
.re_order_list li p span{display:inline-block; width:40%;}

.reForm_box{padding:1rem; margin-top:1rem; background:#fff;}
.reForm_list{}
.reForm_list li{border:1px solid #a8937a;margin-bottom:1rem;font-size:1.6rem;}
.reForm_title{background:#825323; color:#fff; line-height:26px;position:relative; padding-right:100px;}
.reForm_title span{display:inline-block;padding:0.5rem 0 0.5rem 1rem;}
.btn_flat_small{border:0;background:#f39733;padding:0.6rem 1rem 0.4rem 1rem;line-height:26px;color:#fff;text-align:center;font-size:1.8rem;display:inline-block;border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0; -moz-border-radius: 0;-ms-border-radius: 0;}
.btn_flat_small:disabled{background:#a4a3a3;}
.reForm_title .btn_flat_small{position:absolute;right:0;top:0;z-index:5;}
.reForm_info{padding:1rem; line-height:26px;}
.reForm_img{}
.reForm_img img{width:100%;}
.reForm_img i{display:inline-block;width:50%; float:left;padding:5px;}

.re_appraisal_box{padding:1rem 1rem 2rem 1rem; background:#fff; margin-top:1rem;}
.re_app_info{border:1px solid #a8937a;font-size:1.6rem;padding-bottom:0.5rem;}
.re_app_title{background:#825323; color:#fff;padding:0.6rem 1rem 0.3rem 1rem; line-height:26px;margin-bottom:0.5rem;position:relative;}
.re_app_info p{color:#535353; line-height:22px; padding:0.2rem 1rem;}
.re_app_info p span{display:inline-block;}
.appraisal_set{color:#535353; line-height:22px; padding:0.2rem 1rem;}
.appraisal_set span{float:left;}
.appraisal_set b{float:left;font-weight:normal;position:relative;padding-left:1.6rem;margin-right:1.5rem;}
.set_icon{display:block; width:1.4rem;height:1.4rem;position:absolute;left:0;top:50%;margin-top:-0.8rem; line-height:0; font-size:0;background:url(../images/set_icon.png) no-repeat left top; background-size:cover;}
.set_on_icon{background:url(../images/set_on_icon.png) no-repeat left top; background-size:cover;}

.re_app_text{padding-top:1rem;}
.re_app_text p{padding-bottom:0.5rem;}
.re_app_textarea{position:relative;}
.pen_icon{display:block; width:1.8rem;height:1.8rem;position:absolute;left:0.5rem;top:0.8rem;line-height:0; font-size:0;background:url(../images/pen_icon.png) no-repeat left top; background-size:cover;}
.re_textarea{border:1px solid #bdb8b7;overflow:hidden;background:#fff;line-height:22px; width:100%;padding:5px 5px 5px 2.5rem;}


/****/
.slideBox { position: relative; overflow: hidden; margin: 0 auto; width: 100%; }
.slideBox .hd { position: absolute; height:8px; line-height:0; bottom:5px; right: 0; z-index: 1; text-align: center; width: 100%;font-size:0; }
.slideBox .hd li { display: inline-block; width:8px; height:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: rgba(111, 115, 108, 0.8) !important; filter: Alpha(opacity=50); background: #fff; text-indent: -9999px; overflow: hidden; margin: 0 2px; }
.slideBox .hd li.on { background: #fff; background: rgba(18, 144, 209, 0.9) !important; }
.slideBox .bd { position: relative; z-index: 0; }
.slideBox .bd li { position: relative; text-align: center; }
.slideBox .bd li img { background: url(../images/loading.gif) center center no-repeat; vertical-align: top; width: 100%; }

.location_header{width:100%;border-top:10px solid #e08721; background:#f39733;position:relative;height:50px;text-align:center;padding-left:4rem; padding-right:3rem;}
.location_tips { margin: 0; padding: 0 3px; border: 1px solid #fefdf0; line-height: 28px; margin-top: 5px; display: inline-block; text-align: center; font-size: 1.4rem; color: #fff; font-weight: normal; vertical-align: middle; position: relative; z-index: 1; border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; }
.location_tips strong{font-weight:normal;padding:0 5px;border-left:1px solid #fff;border-right:1px solid #fff;display:inline-block;    line-height:28px;vertical-align: middle;}
.location_tips span{padding:0 5px;    line-height:28px;vertical-align: middle;}

.scan_icon{ z-index:3; display: inline-block; width:3rem;height:3rem; position: absolute; left:5px; top: 50%;margin-top:-1.5rem; background: url(../images/scan_icon.png) no-repeat left top; background-size: cover;  }
.locate_icon{ z-index:3; display: inline-block; width:2.5rem;height:3.2rem; position: absolute; right:5px; top: 50%;margin-top:-1.6rem; background: url(../images/locate_icon.png) no-repeat left top; background-size: cover;  }


.index-slider-jianju{background:#fff;margin-top:1rem;height:90px;padding:1rem 0;}
.quick-entrance-wrapper { width: 100%; background-color: #fff; height:70px;padding:0 8px; white-space: nowrap; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; }
.quick-entrance-wrapper li { width:70px; height: 70px; margin: 0 5px; display: inline-block; }
.quick-entrance-wrapper li .quick-entrance-cube { display: block; padding: 0; width: 100%; height: inherit; text-align: center; color: #fff; position: relative;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;border:1px solid #ddd7d9; }
.quick-entrance-wrapper li .quick-entrance-cube img { width: inherit; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.quick-entrance-wrapper li:nth-child(1) { margin-left: 0; }
.quick-entrance-wrapper li:nth-last-child(1) { margin-right: 0; }
.quick-entrance-wrapper li .cube-text{background: rgba(242, 145, 45, 0.8) !important; filter: Alpha(opacity=50); background: #f2912d;width:100%;position:absolute; left:0;bottom:-1px;padding-top:2px; color:#fff; font-size:1.4rem;text-align:center;border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;}

.goods_box{padding:1rem;}
.goods_item{padding-bottom:1rem;}
.goods_title{background:#fff;border-left:5px solid #f39733; padding:6px 10px 3px 10px;color:#5e5f60; font-size:1.8rem; line-height:30px; vertical-align:middle;-moz-box-shadow:0px 0px 3px #ecebeb; -webkit-box-shadow:0px 0px 3px #ecebeb; box-shadow:0px 0px 3px #ecebeb;}
.goods_title a{display:inline-block;float:right;color:#5e5f60;}

.tuan_list{padding:0.5rem 0;}
.tuan_list li{background:#fff;-moz-box-shadow:0px 0px 3px #ecebeb; -webkit-box-shadow:0px 0px 3px #ecebeb; box-shadow:0px 0px 3px #ecebeb;margin-bottom:1rem;}
.tuan_list li img{width:100%;}
.tuan_tips{padding:5px 2px 1rem 2px;font-size:1.4rem; }
.tuan_tips a{display:inline-block;position:relative;min-height:3rem; line-height:3rem;vertical-align:middle;padding-left:1.5rem;}
.ping_icon{display: inline-block; width:3.1rem;height:3.1rem; position: absolute;left:0;top:0;background: url(../images/ping_icon.png) no-repeat left top; background-size: cover;  }
.tuan_tips span{display:inline-block;background:#825323; color:#fff;padding:0 1rem 0 2rem;float:left;}
.tuan_tips span font{display:inline-block; padding-left:5px;}
.tuan_tips b{display:inline-block;background:#f39733; color:#825223;padding:0 2.5rem 0 1rem;font-weight:normal;border-radius:0 3rem 3rem 0; -moz-border-radius:0 3rem 3rem 0; -webkit-border-radius:0 3rem 3rem 0;-ms-border-radius:0 3rem 3rem 0;-o-border-radius:0 3rem 3rem 0;}
.right_arrow_icon{display: inline-block; width:0.6rem;height:1rem; position: absolute;right:10px;top:50%;margin-top:-0.5rem; background: url(../images/right_small_icon.png) no-repeat left top; background-size: cover;  }


.goods_list{padding:0.5rem 0;}
.goods_list li{background:#fff;-moz-box-shadow:0px 0px 3px #000; -webkit-box-shadow:0px 0px 3px #000; box-shadow:0px 0px 3px #e9e8e8;margin-bottom:1rem;}
.goods_list li img{width:100%;}

.category_nav{background:#fff;margin-top:0.5rem;}
.category_list{padding:0.5rem;}
.category_list li{width:25%;float:left;padding:0.5rem;}
.category_list li a{display:block;position:relative; width:100%;border:1px solid #e4e1e2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
.category_list li img{display:block; width:100%;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
.category_list li span { display: block; width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(242, 145, 45, 0.8) !important; filter: Alpha(opacity=50); background: #f2912d; color: #fff; font-size: 1.2rem; line-height: 18px; padding-top: 2px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; }

.featured_box{padding-top:0.5rem;}
.featured_list{}
.featured_list li{padding-bottom:0.8rem;}
.featured_list li img{width:100%; display:block;}
.featured_list li a{display:block; width:100%; position:relative;}
.featured_list li .enter_icon{display:block;width:5rem; height:5.5rem; position:absolute;right:0; top:0;background:url(../images/enter_icon.png) no-repeat left top; background-size:contain;}
.featured_list li p{background:#825323;color:#fff;font-size:1.6rem;line-height:22px; position:absolute; left:0; bottom:0; width:100%;padding:5px 1rem 5px 1rem;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}


/****/
.code_qr_box{background:#fff;margin:1rem 1rem 0 1rem;padding:2rem 1rem;}
.code_img{text-align:center;}
.code_img img{width:14rem; height:14rem;border:2px solid #825323;border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;}
.code_tips{text-align:center;font-size:1.4rem; color:#5e5f60;line-height:26px;}
.code_op{text-align:center;padding:0.5rem 1rem;}
.Orange_box{padding:1rem;}
.Orange_title{background:#f39733;color:#fff; line-height:26px; font-size:1.8rem; padding:6px 10px 3px 10px;}
.gray_tabbox{border:1px solid #d3cfce; padding:1rem;line-height:24px; color:#5e5f60; border-top:0;border-radius:0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px;-ms-border-radius: 0 0 2px 2px;-o-border-radius: 0 0 2px 2px;}

/***/
.fight_group_box{background:#fff;margin:1rem;position:relative;padding-bottom:3rem;}
.fight_group_box a.pic{display:block; width:50%;position:relative;z-index:2;}
.fight_group_box a.pic img{width:100%;display:block;}
.fight_group_box p{position:absolute;right:0.5rem;top:1rem;z-index:2;padding-left:51%;}
.fight_group_box p a{color:#5e5f60;line-height:22px;}
.fight_group_box p span{color:#9e7746;}
.seal_icon{display:block; width:5rem;height:5rem;background: url(../images/seal_icon.png) no-repeat left top; background-size: cover;  }
.fight_group_box .seal_icon{position:absolute;right:4px;bottom:5rem;z-index:7;}
.group_tips_box{font-size:1.6rem;position:absolute;padding-left:1.5rem;right:1rem;bottom:1rem;z-index:5;}
.group_tips_box span{display:inline-block;position:relative;float:left;min-height:3rem; line-height:3rem;vertical-align:middle;background:#825323; color:#fff;padding:0 1rem 0 2rem;}
.group_icon{display: inline-block; width:3.1rem;height:3.1rem; position: absolute;left:0;top:0;z-index:3; background: url(../images/group_icon.png) no-repeat left top; background-size: cover;  }
.group_tips_box b{display:inline-block;background:#f39733; color:#825223;min-height:3rem; line-height:3rem;vertical-align:middle;padding:0 1rem 0 1rem;font-weight:normal;border-radius:0 3rem 3rem 0; -moz-border-radius:0 3rem 3rem 0; -webkit-border-radius:0 3rem 3rem 0;-ms-border-radius:0 3rem 3rem 0;-o-border-radius:0 3rem 3rem 0;}

.group_member{margin:1rem;background:#fff;}
.group_mlist{padding:2rem 0.5rem 0 0.5rem;display:inline-block; width:100%;}
.group_mlist li{float:left; width:25%;text-align:center;}
.group_mlist li span{display:block;padding:0.5rem;position:relative;}
.group_mlist li img{background:#f39733;padding:2px; border:4px solid #f7b770; width:100%;border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;-ms-border-radius: 100%;-o-border-radius:100%;}
.group_mlist li:first-child span:before{content:"";display:block;width:5rem; height:3.4rem; position:absolute;left:0rem;top:-1.8rem;background:url(../images/head_icon.png) no-repeat left top; background-size:contain;}
.gm_tips{text-align:center;color:#5e5f60;padding:0 1rem;line-height:24px;}
.gm_tips span{color:#e9504f;}

.gm_surplus_time{padding:1rem;text-align:center;}
.gm_surplus_time span{display:inline-block;position:relative; padding:0 4rem 0 6rem;height:40px; line-height:44px;color:#fff;font-size:1.8rem;overflow:hidden; background:#c3201f;border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px;-ms-border-radius: 18px;-o-border-radius:18px;}
.time_icon{display: inline-block; width:2.1rem;height:2.2rem; background: url(../images/time_icon.png) no-repeat left top; background-size: cover;  }
.gm_surplus_time .time_icon{position:absolute;left:3rem;top:50%;margin-top:-1.1rem;}

.gm_list{padding:1rem 1rem 1rem 3rem;}
.gm_list li{background:#f39733;line-height:3.5rem;position:relative;height:3.5rem;margin-bottom:1rem;padding-left:2.5rem;}
.gm_list li i{display:block; width:4rem;height:4rem;position:absolute;left:-2rem;bottom:0;}
.gm_list li i img{display:block;width:4rem;height:4rem;border:1px solid #fff; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;-ms-border-radius: 100%;-o-border-radius:100%;}
.gm_list li b{float:right; color:#fff;font-weight:normal;padding-right:1rem;position:relative;}
.gm_list li span{float:right; color:#825323;font-weight:normal;padding-right:1rem; }
.gm_list li strong{font-weight:normal;color:#825323;display:block; width:28%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.gm_list li:first-child b:before{content:"";border:8px solid transparent;border-bottom:8px solid #f39733;position:absolute;left:50%;margin-left:-10px; top:-16px;}

.share_group{background:#fff; padding:2rem 4rem 4rem 4rem;margin:0 1rem;text-align:center;}
.share_group a{display:block;color:#c3201f; line-height:24px;padding:4px; font-size:2rem;border:2px solid #c3201f;border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;}
.share_group span{display:block;border:1px dashed #c3201f;padding:8px 0 6px 0; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}


/***/
.group_wrap{padding:1rem 1rem 8rem 1rem;}
.group_img{padding-bottom:1rem;}
.group_img img{width:100%;}
.group_title{background:#c3201f;color:#fff;padding:5px 5rem 5px 1rem;line-height:24px;position:relative;}
.group_title b{display:block;font-weight:normal;}
.share_icon{display: inline-block; width:4rem;height:4rem; background: url(../images/share_icon.png) no-repeat left top; background-size: cover;  }
.group_title .share_icon{position:absolute;right:0.6rem; top:50%;margin-top:-2rem;}

.group_virtue{background:#fff;font-size:1.4rem;color:#5e5f60;line-height:30px;text-align:center;margin-bottom:5px;}
.group_virtue span{padding:0 0.8rem;}

.group_play{background:#fff;margin-bottom:5px;}
.gp_title{padding:1rem;line-height:22px;vertical-align:middle;}
.gp_title span{display:inline-block;border-left:4px solid #f39733;color:#5e5f60; font-size:1.8rem;padding-left:5px;vertical-align:bottom;}
.gp_title a{float:right;display:inline-block;color:#5e5f60;font-size:1.8rem;vertical-align:middle;}

.gp_list{display:inline-block; width:100%;padding:0 1rem 1rem 1rem;}
.gp_list li{float:left; width:25%;color:#5e5f60; font-size:1.3rem; line-height:20px;position:relative;padding-left:18px;}
.gp_list li strong{font-weight:normal;}
.gp_list li span{color:#f39733;}
.gp_list li b{display:block;position:absolute;left:0;top:50%;margin-top:-8px; width:16px; height:16px; line-height:16px; text-align:center; font-size:1.2rem;font-weight:normal;background:#f39733;color:#fff;border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;-ms-border-radius: 100%;-o-border-radius:100%;}
.gp_list li i{display:block;border:1px solid #5e5f60; position:absolute;font-style:normal;left:0;top:50%;margin-top:-8px; width:16px; height:16px; line-height:14px; text-align:center; font-size:1.2rem;font-weight:normal;background:#fff;color:#5e5f60;border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;-ms-border-radius: 100%;-o-border-radius:100%;}

.pro_tab{background:#beb9b7;}
.pro_tab span{float:left; width:50%;border-right:2px solid #fff;text-align:center;line-height:30px;color:#fff; font-size:1.8rem;padding-top:4px;}
.pro_tab span:last-child{border:0;}
.pro_tab span.aon{color:#c3201f;border-bottom:2px solid #c3201f;}

.pro_tab_box{background:#fff;}

.pro_virtue{border:1px solid #cdc9c8; border-top:0;padding:1rem;}
.pro_virtue span{float:left;white-space:nowrap;min-width:50%;padding:0 1rem;line-height:24px;}

.pro_info_single{padding:2rem 1rem;line-height:24px;color:#5e5f60;}
.pro_info_single p{padding:5px 0;}


.fixed_group_box{width:100%; background:#f3f3f3;padding:0 1rem;position:fixed; left:0; bottom:0; z-index:999;}
.fixed_group_box a{display:block;background:#c3201f;width:49%;text-align:center;}
.fixed_group_box a.fr_a{display:block;float:right;background:#f39733;}
.fixed_group_box span{display:block;text-align:center;color:#fff; font-size:2rem;line-height:2rem;padding:1rem 0;}
.fixed_group_box b{display:block;font-weight:normal;line-height:30px;background:url(../images/btn_r_bg.png) repeat-x left top;color:#fff;padding-top:5px;}
.fixed_group_box font{display:inline-block;position:relative;padding-right:2rem;}
.w_arrow_icon{display:block;position:absolute;right:0; top:50%;margin-top:-0.6rem; width:0.8rem; height:1.2rem; background:url(../images/right_w_icon.png) no-repeat left top;background-size: cover; }


.comment_total{position:relative;padding:1rem 0;padding-left:100px;}
.c_t{position:absolute;left:0;top:0.8rem;width:100px;line-height:26px;}
.c_t span{display:block;text-align:center;color:#5e5f60;}
.c_t b{display:block;text-align:center;color:#c3201f;font-weight:normal;font-size:3rem;line-height:3rem;}
.c_t font{display:block;text-align:center;color:#5e5f60;font-size:1.4rem;line-height:14px;}
.comment_total p{font-size:1.4rem;position:relative;padding-left:90px;padding-bottom:5px;padding-top:3px;padding-right:1rem;}
.comment_total p span{display:block;width:100px;position:absolute;left:0;top:1px;}
.comment_total p b{display:block;width:100%; height:15px; background:#5e5f60;}
.comment_total p i{display:block;height:15px;background:#c3201f;}
.comment_total p.aon{color:#c3201f;}

.comment-tablist{background:#e0dad7;text-align:center;}
.comment-tablist span{display:inline-block; text-align:center;line-height:22px;color:#535353;font-size:1.5rem;padding:7px 0.5rem 5px 0.5rem;}
.comment-tablist span.aon{color:#c3201f;}

.comment-list{padding-top:0.5rem;font-size:1.4rem;}
.goods-comments-detail{position:relative;padding:1rem;border-bottom:1px solid #ededed;}
.goods_pic_box{display:block;width:60px;}
.goods_pic_box img{width:60px;height:60px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;-ms-border-radius: 100%;-o-border-radius:100%;}
.goods_pic_box span{display:block;text-align:center;line-height:18px;color:#000;}

.goods-comments-stars{text-align:right;}
.goods-comments-stars span{display:inline-block;width:1.5rem;height:1.5rem;background: url(../images/star_icon.png) no-repeat left top; background-size: cover;margin-left:2px;}
.goods_t_s{display:inline-block;position:absolute;right:1rem;top:1rem;line-height:18px;}
.goods-comments-time{text-align:right;}
.goods-comments-time span{display:block;}
.goods-comments-content{text-align:justify;text-justify:inter-ideograph;padding-top:0.5rem;padding-left:0.2rem;color:#919295;}


.order_form{padding:0 1rem 1rem 1rem;}
.order_f_title{color:#5e5f60;font-size:1.8rem;line-height:30px;padding-left:1rem;padding-top:1rem;}
.order_address{background:#fff;position:relative;}
.order_address a{display:block;color:#5e5f60; font-size:1.6rem;line-height:22px;padding:10px 1rem 7px 1rem;}

.pay_method_list{background:#fff;padding-bottom:1rem;}
.pay_method_list li{position:relative;padding:1rem 0 0 6rem;min-height:4rem;line-height:20px;padding-right:3rem;}
.pay_method_list li i.pic{display:block; width:4rem; height:4rem;position:absolute;left:1rem;top:1rem;}
.pay_method_list li img{display:block; width:4rem; height:4rem;}
.pay_method_list li b{display:block;color:#5e5f60;font-weight:normal;padding-top:2px;}
.pay_method_list li p{display:block;color:#9e9796;font-size:1.4rem;}
.check_icon{display:block;width:2rem;height:2rem;background: url(../images/check_icon.png) no-repeat left top; background-size: cover;}
.check_on{background: url(../images/check_on_icon.png) no-repeat left top; background-size: cover;}
.pay_method_list li .check_icon{position:absolute;right:1rem; top:50%;}

.order_goods_list{background:#fff;padding:1rem 1rem 0 1rem;}
.order_goods_list li{position:relative;display:inline-block; width:100%;padding-bottom:1rem;}
.order_goods_list li .pic{display:block; width:40%;float:left;padding-right:1rem;}
.order_goods_list li img{display:block; width:100%;border:1px solid #e4e5e5;}
.order_goods_list li h3{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.order_goods_list li h3 a{color:#5e5f60;font-size:1.4rem;}
.order_goods_list li p{color:#c3201f;font-size:1.6rem;padding-bottom:5px;}

.order_notes{background:#fff;padding:1rem; color:#c3201f;line-height:24px;position:relative;}
.order_notes .btn_red{width:35%;position:absolute;right:1rem;top:50%;z-index:5; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.order_tab_box{background:#fff;margin-top:1rem;}
.order_select{padding:1rem;text-align:right;}
.order_tab{}
.order_tab a{display:block;width:20%;float:left;line-height:26px;text-align:center;color:#5e5f60; font-size:1.8rem;border-bottom:2px solid #ada7a6;}
.order_tab a.aon{color:#c3201f;border-bottom:2px solid #c3201f;}

.order_list{padding-top:1rem;}
.order_list li{background:#fff;position:relative;margin-bottom:1rem;}
.order_list li{position:relative;display:inline-block; width:100%;padding:2rem 1rem 1rem 1rem; }
.order_list li .pic{display:block; width:35%;float:left;padding-right:1rem;}
.order_list li img{display:block; width:100%;border:1px solid #e4e5e5;}
.order_list li h3{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.order_list li h3 a{color:#5e5f60;font-size:1.5rem;}
.order_list li p{color:#5e5f60;font-size:1.5rem;padding:5px 0;}
.order_list li h4{color:#c3201f;font-size:1.8rem;}
.order_list li h4 span{color:#e08721;}
.order_list .btn_red_small{float:right;margin-top:5px;}
.order_list .btn_black{float:right;margin-top:5px;}

.offered_box{padding:1rem;}
.offered_item{background:#fff;padding:2rem 1rem;margin-bottom:1rem;}
.offered_step{border:2px solid #f39733;position:relative;padding:1rem; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.offered_step p{text-align:center;color:#f39733; line-height:22px;padding:1rem 0 0.5rem 0;}
.step_img_tips{padding:0 0.5rem 0.5rem 0.5rem;}
.step_img_tips img{border:1px solid #e5e5e4;width:100%;border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;-ms-border-radius:2px;-o-border-radius: 2px;} 
.step_num{display:inline-block;background:#f39733;color:#fff; font-size:2rem;line-height:30px; padding:0 4rem;position:absolute;left:50%;margin-left:-5rem;top:-1.7rem;  border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;-ms-border-radius:8px;-o-border-radius: 8px;}

